.login-form {
  padding: 0 30px;
  height: 100%;
}

.login-form .login-form-tabs {
  height: 39px;
  line-height: 40px;
  font-size: 18px;
  display: flex;
  border-bottom: 1px solid #f4f4f4;
}

.login-form .login-form-tabs>div {
  flex: 1;
  border-right: 1px solid #f4f4f4;
  cursor: pointer;
  text-align: center;
}

.login-form .login-form-content{
  height: calc(100% - 50px);
  overflow: auto;
  padding: 5px 0;
}

.login-form .login-form-content #login-code{
  text-align: center;
}

.login-form .login-form-tabs>div:hover,
.login-form .login-form-tabs>div.select {
  color: #e4393c;
  font-weight: bold;
}

.login-form .login-form-tabs>div:last-child {
  border-right: none;
}

.login-form .el-form-item {
  margin-bottom: 5px;
}

.login-form .el-form-item .el-form-item__label {
  text-align: justify;
  text-align-last: justify;
}

.login-form .safe-btn {
  color: #606266;
}

.login-form .safe-btn:hover {
  color: #409EFF;
}

.code-error-div {
  overflow: auto;
  height: calc(80vh - 90px);
}

.code-error-div .code-error-text {
  margin-bottom: 5px;
}

.code-error-div .code-error-img {
  height: calc(100% - 32px);
  min-height: 180px;
  text-align: center;
}

.code-error-div .code-error-img img {
  max-width: 100%;
  max-height: 100%;
}